<!DOCTYPE html> <!--W3C 渲染模式-->
<html lang="en">

<head>
    <meta http-equiv="content-type" charset="utf-8">
    <!--<meta charset="UTF-8">-->
    <!--缩写-->
    <title>Title</title>
    <!--<meta name="keyworld" content="IT培训、IT行业">-->
    <!--<meta name="description" content="老男孩培训基地">-->
    <!--<meta http-equiv="Refresh" content=2> &lt;!&ndash;两秒定时刷新&ndash;&gt;-->
    <!--<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> &lt;!&ndash;两秒后刷新 之后跳转至URL的网站&ndash;&gt;-->
    <meta http-equiv="X-UA-Compatible" content="IE-EmulateIE8">
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
    <!--兼容IE8浏览器-->
    <link rel="icon" href="//www.jd.com/favicon.ico" >
    <link rel="icon" href="//www.jd.com/favicon.ico" mce_href="//www.jd.com/favicon.ico" type="image/x-icon">
    <!--mce_href="//www.jd.com/favicon.ico" type="image/x-icon"-->
    <!--tile 标签图标-->
</head>
<!--<hn> h标签从大到小 表示标题-->
你好  哈哈哈<br>  哈哈

<h1 id="1234">Hello11,World</h1>
<h2>Hello 2,World</h2>
<h3>Hello 3,World</h3>
<h4>Hello 4,World</h4>
<h5>Hello 5,World</h5>
<h6>Hello 6,World</h6>


<h2>咏鹅</h2>
<!--<p> 标签实现段落 不在同一行 却行之间有间距-->
<!--<br> 换行标签-->
<p>鹅鹅鹅</p>
<p>曲项向天歌</p>
<p>白毛浮绿水</p>
<p>红掌拨清波</p>

<input type="text"><br>
<!--<img src="//i2.hdslb.com/bfs/archive/f6c0c5fe33e880664427f5e75bcf0dcf72068d91.jpg@160w_100h.webp" alt="Python400集2018最新版" class="mCS_img_loaded">-->

<b>晴川历历汉阳树</b>
<strong>芳草萋萋鹦鹉洲</strong><br>
<!--<b> <strong>  加粗-->
<!--<strike> 文本上就加一条线-->
<!--<em> 斜体-->
<em>斜体标签</em><br>
<strike>文本横线标签999元</strike><br>
3<sup> 2 上角标签</sup><br>
3<sub> 2 下角标签</sub><br>
<!--hr (自闭和标签)横线标签-->
<hr>


<h1 style="color:red;background-color:yellow ;width:800px;height:50%">君不见黄河之水天上来、块级标签h </h1>
<div style="color :green;background-color: aquamarine;width: 400px;">奔流到海不复回、块级标签div </div>
<span style='color : yellow'>内联标签 span </span>
常用 特殊符号 &lt 小于 &gt 大于;&quot 引号 ;&copy C ;&reg R;
<img src="50.jpg"  title="鞠婧祎图片" alt="鞠婧祎" width="300" height="300"><br>
<a href="http://www.xiaohuar.com" target="_blank">校花网</a><br>
<a href="http://www.xiaohuar.com" target="_blank"><img src="file:///F:/selenium_standy/practice/42_Html/50.jpg"  title="鞠婧祎图片" alt="鞠婧祎" width="400" height="400"></a>

<br>o
列表
<ul>
    <li>ul 无序标签-li </li>
    <li>ul 无序标签-li </li>
    <li>ul 无序标签-li </li>
    <li>ul 无序标签-li </li>
</ul>
<ol>
    <li>ol 有序标签-li </li>
    <li>ol 有序标签-li </li>
    <li>ol 有序标签-li </li>
    <li>ol 有序标签-li </li>
</ol>
<dl>
    <dt>第一章</dt>
    <dd>第一回</dd>
    <dd>第二回</dd>
    <dd>第三回</dd>
    <dt>第二章 dl-dt</dt>
    <dd>第一回 dt-dd</dd>
    <dd>第二回 dt-dd</dd>
    <dd>第三回dt-dd</dd>
</dl>

<p>用户名 &nbsp;&nbsp;<input style="background-color: gainsboro;text-after-overflow:请输入用户名"></p>
<p>密码 &nbsp;&nbsp;<input></p>
<a href="#1234">返回顶部</a>
</body>

<script>
    alert=(1234)
</script>
</html>